#ui_top {
    background-color: rgba(0, 0, 0, 0.4);
    width: auto;
    height: auto;

    padding: 1px;
    padding-top: 5px;
    padding-bottom: 5px;


    font-size: 15px;
    color: #fbdb31;
    text-shadow: black 0px 0px 4px;
    -webkit-user-select: none;  /* Chrome / Safari unselectable text */

    position: absolute;
}

#ui_right {
    background-color: rgba(0, 0, 0, 0.4);
    color : #ffe2bb;
    position: absolute;
    padding-left: 10px;
    z-index: 2;
}

#ui_gameMsg {
    width: auto;
    height: auto;

    padding: 1px;
    padding-top: 5px;
    padding-bottom: 5px;

    font-size: 18px;
    color: red;
    text-shadow: black 0px 0px 2px;
    text-align: center;
    -webkit-user-select: none;  /* Chrome / Safari unselectable text */

    position: absolute;

    visibility: collapse;
}

#ui_bottom {
    position: absolute;
}
.ui_buy_tab {
    float: left;
}
.ui_buy_tab_list li{
    float: left;
    margin-right: 30px;
}
.ui_buy_tab_list li button {
    width: 70px;
    height: 40px;
}
.ui_buy_tab label {
    background-color: rgb(234, 255, 171);
    padding: 10px;
    position: relative;
    left: 1px;
    border-right: 1px solid black;
    border-top: 1px solid black;
}
.ui_buy_tab [type=radio] {
    display: none;
}
.ui_bottom_content {
    background-color: rgb(234, 255, 171);
    border: 1px solid black;
    width: 800px;

    font-size: 12px;
    -webkit-user-select: none;  /* Chrome / Safari unselectable text */

    position: fixed;
}
[type=radio]:checked ~ label {
    background-color: rgb(234, 255, 171);


    -webkit-user-select: none;  /* Chrome / Safari unselectable text */

    z-index: 2;
}
[type=radio]:not ~ label {
    -webkit-user-select: none;  /* Chrome / Safari unselectable text */
}
[type=radio]:checked ~ label ~ .ui_bottom_content {
    z-index: 1;
}